<template>
  <h1>{{ name }}</h1>
  <h2>{{ age }}</h2>
  <button @click="sayHello">点击</button>
</template>

<script>

export default {
  name: 'App',
  setup() {
    let name = '张三';
    let age = 18;
    function sayHello() {
      alert(`我叫${name} ,我今年${age}了`);
    }
    return {
      name,
      age,
      sayHello
    }
  }
}
</script>


<!-----------------------------------------------------------------------------------------查看setup返回一个渲染函数时的写法-->


<!--<script>-->
<!--import {h} from 'vue';-->

<!--export default {-->
<!--  name: 'App',-->
<!--  setup() {-->
<!--    return () => h('h1', '这是渲染函数返回的内容')-->
<!--  }-->
<!--}-->
<!--</script>-->